<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css重置表 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/login.css">
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./fonts/iconfont.css">

</head>

<body>

    <div id="login">
        <!-- 左边 -->
        <div class="left-box rel fl">
            <a href="" class="abs">
                <img src="./images/login-bg.png" alt="">
            </a>
        </div>
        <!-- 右边 -->
        <div class="right-box rel fr">
            <div class="abs login-content">
                <a href=""></a>
                <h6 class="mt40 tcenter font16">
                    <span class="account-number selected">账号登录</span>
                    <i></i>
                    <span class="ewm">扫码登录</span>
                </h6>
                <form action="#" method="get" class="tcenter">
                    <input type="text" placeholder="用户名/手机号/邮箱" id='username'>
                    <input type="password" placeholder="密码" id="pwd">
                    <a href="">忘记密码？</a>
                    <button class="mt20">登录</button>
                </form>
            </div>
        </div>
    </div>


    <!-- 引入工具类 -->
    <script src="./lib/utils.js"></script>
    <script src="./js/login.js"></script>
</body>

</html>